<template>
  <div class="e-pdf">
    <el-form label-width="120px">
      <el-row>
        <el-col :span="12">
          <el-form-item label="配方名称">{{
            store.reelConfig.name
          }}</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="批次号">{{ store.reelConfig.lot }}</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="卷盘尺寸"
            >{{ store.reelConfig.sizeType }}寸</el-form-item
          >
        </el-col>
        <el-col :span="12">
          <el-form-item label="抽真空时间">{{
            store.reelConfig.vacuumTime
          }}</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="封口时间">{{
            store.reelConfig.sealingTime
          }}</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="封口温度">{{
            store.reelConfig.sealingTemp
          }}</el-form-item>
        </el-col>
      </el-row>

      <el-row v-for="(list, index) of componentList" :key="index">
        <div class="line"></div>
        <el-col :span="12">
          <el-form-item label="物料名称">
            {{ list.name }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="放置位置">
            {{ list.position == "front" ? "正面" : "反面" }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="物料宽">
            {{ list.attr.w }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="物料高">
            {{ list.attr.h }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="放置坐标x">
            {{ list.attr.x }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="放置坐标y">
            {{ list.attr.y }}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="是否需要印章">
            {{ list.seal.need ? "是" : "否" }}
          </el-form-item>
        </el-col>
        <template v-if="list.seal.need">
          <el-col :span="12">
            <el-form-item label="印章坐标x">
              {{ list.seal.x }}
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="印章坐标y">
              {{ list.seal.y }}
            </el-form-item>
          </el-col>
        </template>
      </el-row>
    </el-form>
  </div>
</template>
<script setup>
import editStore from "@/store/editStore";
import { computed } from "vue";

const store = editStore();

let componentList = computed(() => {
  return [];
});
</script>
<style scoped lang="scss">
.e-pdf {
  width: 600px;
  padding: 20px 40px;
  .line {
    width: 100%;
    border-top: 1px solid #999;
  }
}
</style>
